<template>
  <div>
      <div class="box">
          <div class="tab">
            <span class="li-tab" v-for="(item,index) in tabsParam"
            @click="toggleTabs(index)"
            :class="[{active:index===nowIndex},{cur:nowIndex==index}]">{{item}}
          </span>
          </div>
          <div class="view">
            <daicl v-show="nowIndex===0"></daicl>
            <ycl v-show="nowIndex===1"></ycl>
            <yjj v-show="nowIndex===2"></yjj>
            <ywc v-show="nowIndex===3"></ywc>
          </div>
      </div>
  </div>
</template>
<script>
import daicl from "@/components/sixteenth/sixteenthlist/daicl"           //开后门的待处理
import ycl from "@/components/sixteenth/sixteenthlist/ycl"           //开后门的已处理
import yjj from "@/components/sixteenth/sixteenthlist/yjj"           //开后门的已拒绝
import ywc from "@/components/sixteenth/sixteenthlist/ywc"           //开后门的已完成
export default {
  name: 'newCreate',
  components:{
    'daicl': function(resolve) {
        require(['@/components/sixteenth/sixteenthlist/daicl.vue'], resolve);
    },
    'ycl': function(resolve) {
        require(['@/components/sixteenth/sixteenthlist/ycl.vue'], resolve);
    },
    'yjj': function(resolve) {
        require(['@/components/sixteenth/sixteenthlist/yjj.vue'], resolve);
    },
    'ywc': function(resolve) {
        require(['@/components/sixteenth/sixteenthlist/ywc.vue'], resolve);
    }
  },
  data() {
    return{
      tabsParam:['待处理','已处理','已拒绝','已完成'],
      nowIndex:0,
      isShow:false
    }
  },
  methods:{
    //切换tab项
    toggleTabs(index){
      this.nowIndex = index;
      //$(window).resize();
    }
  }
}
</script>
<style lang="scss" scoped>
.cur{
  color:#46DCC3;
}
.box{
  width:100%;
  height:100%;
  background:rgb(247,247,247);
  position: fixed;
}
.tab{
  width:100%;
  height:0.32rem;
  background:#FFFFFF;
  // position:fixed;
  // top:0rem;
  display:flex;
  justify-content:space-around;
  align-items: center;
  color:#7B7B7B;
  font-size:0.14rem;
}
.view{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  overflow-x:hidden;
  overflow-y: scroll;
  // position:fixed;
  // top:0.96rem;
}


</style>
